<template>
  <div class="IOS-bg">
    <div class="mark">
      <div class="dialog">
        <div class="content">
          <div class="title">提示</div>
          ios暂未开放，敬请期待！ <br> <br>
          请使用安卓是手机
        </div>
        <!-- 按钮组 -->
        <div class="btns">
          <!-- <div class="line" /> -->
          <!-- <div class="btn copy-btn" @click="copy">复制网址</div> -->
          <!-- <div class="line" /> -->
          <!-- <div class="btn go-btn" @click="go">继续访问</div> -->
          <!-- <div class="line" /> -->
          <!-- <div class="btn go-btn" @click="close">关闭</div> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import { Toast } from 'vant'
export default {
  name: 'App',
  components: {},
  data() {
    return {
      url: ''
      // http://zglzglzgl.gitee.io/xcj-app/
    }
  },
  methods: {
    copy() {
      var aux = document.createElement('input')
      aux.setAttribute('value', this.url)
      document.body.appendChild(aux)
      aux.select()
      document.execCommand('copy')
      document.body.removeChild(aux)
      // Toast.success('复制成功：')
    },
    go() {
      window.location.href = this.url
    },
    close() {
      // window.location.href = this.url
    }
  }

}
</script>

<style lang="scss">
  .IOS-bg{
    // background: url('~@/assets/IOS-BG.jpg');
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    .mark{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.5);
      .dialog{
        width: 70%;
        // height: 75%;
        // margin-top: 10vh;
        border-radius: 12px;
        overflow: hidden;
        .content{
          .title{
            font-weight: bolder;
            margin-bottom: 5px;
          }
          background: rgba(255, 255, 255, 0.95);
          padding: 20px 25px;
          word-break: break-all;
          text-align: center;
        }
        .btns{
          .line{
            height: 1.5px;
          }
          .btn{
            padding: 12px;
            color: #077fff;
            font-weight: bolder;
            text-align: center;
          }
          .copy-btn{
              background: rgba(255, 255, 255, 0.95);
          }
          .go-btn{
              background: rgba(255, 255, 255, 0.95);
          }

        }
      }

    }
  }
</style>
